<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="UTF-8" />
		<title>{$groupinfo.title}</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-touch-fullscreen" content="yes" />
		<meta http-equiv="Access-Control-Allow-Origin" content="*" />
		<link rel="stylesheet" href="/qstatic/css/reset.css" />
		<link rel="stylesheet" href="/qstatic/css/animate.css" />
		<link rel="stylesheet" href="/qstatic/css/swiper-3.4.1.min.css" />
		<link rel="stylesheet" href="/qstatic/css/layout.css?20190902" />
		<link rel="stylesheet" href="/qstatic/css/weui.css" />
		<!--<script src="//libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>-->
		<script src="/qstatic/js/zepto.min.js"></script>
		<script src="/qstatic/js/fontSize.js"></script>
		<script src="/qstatic/js/swiper-3.4.1.min.js"></script>
		<script src="/qstatic/js/wcPop/wcPop.js"></script>
		<script src="/qstatic/js/weui.min.js"></script>
		<script src="/qstatic/js/layui.js"></script>
		<link rel="stylesheet" href="/qstatic/js/css/layui.css" />
		<style type="text/css">
			div#J__popupTmpl-Hongbao{background-color:#e35449;padding:0.25rem;line-height:.7rem;height:370px;top:1.6rem}div#J__popupTmpl-Hongbao2{background-color:#e35449;padding:0.25rem;line-height:.7rem;height:370px;top:1.6rem}.wc__popupTmpl.tmpl-hongbao{margin-top:30px}li.amountTotal{color:#ffeac0!important}.hongbaoljc{background-color:#f99d3a;padding:0.25rem;line-height:.7rem;height:100px;top:1.6rem;width:250px;sborder-radius:5px}em.usernum{color:#fff;font-size:20px;font-family:微软雅黑}.hbimg{-o-transition:transform 0.4s;transition:transform 0.4s;-ms-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translatey(10px)}.north{background-color:#ef5e54;height:64%;border:1px solid#ea5a50;border-radius:4px 4px 50%50%/4px 4px 13%13%;box-shadow:0px 3px 0px-1px rgba(97,95,95,0.04)}.avatar{position:relative}.avatar.avatar-wrap{width:50px;height:50px;margin-top:10%;position:relative;left:50%;margin-left:-25px}.avatar.avatar-wrap img{border-radius:50%;overflow:hidden;margin-top:10%;width:100%;height:100%}.nickName{text-align:center;margin:8px 0;color:#dcbb89;font-size:14px}.hint{text-align:center;margin:6px 0;color:#dcbb89;font-size:14px}.msg{text-align:center;margin:30px 0;font-size:22px;color:#FBDAA8}.chai{margin-left:35%;text-align:center;width:80px;height:80px;border:1px solid#FFA73A;background-color:#FFA73A;border-radius:50%;color:#000;font-size:20px;display:inline-block;margin-top:-40px;box-shadow:0px 4px 0px 0px rgba(0,0,0,0.2);-webkit-animation:chai-show.2s 1;animation:chai-show.2s 1}.chai.chai-border{width:74px;height:74px;border:1px solid rgba(88,87,87,0.06);border-radius:50%;margin:2px auto 2px}.chai.chai-border span{line-height:23px;margin-top:23px;display:inline-block;font-size:35px}div#Hongbao4{background-color:#FFF}.ng-binding{text-align:-webkit-left;width:190px}.hbimg{margin-left:-50px}img.lottery-img{height:40px;position:absolute;top:10px;left:8px}.lottery-up{background-color:#f99d3a;height:58px}.lottery-content{color:#FFF;position:absolute;top:10px;left:48px;font-size:13px;width:145px;overflow:hidden}a.laba{background:url(/img/labayes.png)no-repeat center;background-size:.36rem;width:.85rem;position:relative}a.laba2{background:url(/img/labano.png)no-repeat center;background-size:.36rem;width:.85rem;position:relative}
		</style>
	</head>
	<body>
		<!-- <>微聊主容器 -->
		<div class="wechat__panel clearfix">
			<div class="wc__chat-wrapper flexbox flex__direction-column">
				<!-- //顶部 -->
				<div class="wc__headerBar fixed">
					<div class="inner flexbox">
						<a class="back" href="javascript:;" onclick="history.back(-1);"></a>
						<a class="laba" id="laba" href="javascript:;" onclick="laba();"></a>
						<h2 class="barTit flex1">{$groupinfo.title}
							<!--(105)-->
						</h2>
						<a class="barIco u-qun" href="/chat/groupinfo?id={$groupinfo.id}"></a>
					</div>
				</div>
				<!-- //微聊消息上墙面板 -->
				<div class="wc__chatMsg-panel flex1">
					<div class="chatMsg-cnt">
						<ul class="clearfix" id="J__chatMsgList">
						</ul>
					</div>
				<!--<div class="chatMsg-notice" id="J__chatMsgNotice">14条新消息</div>-->
				</div>
				<!-- //微聊底部功能面板 -->
				<div class="wc__footTool-panel">
					<!-- 输入框模块 -->
					<div class="wc__editor-panel wc__borT flexbox">
						<div class="wrap-editor flex1">
							<div class="editor J__wcEditor" contenteditable="true" style="-webkit-user-select:auto;"></div>
						</div>
						<i class="btn btn-emotion"></i>
						<i class="btn btn-choose"></i>
						<button class="btn-submit J__wchatSubmit">发送</button>
					</div>
					<!-- 表情、选择模块 -->
					<div class="wc__choose-panel wc__borT" style="display: none;">
						<!-- 表情区域 -->
						<div class="wrap-emotion" style="display: none;">
							<div class="emotion__cells flexbox flex__direction-column">
								<div class="emotion__cells-swiper flex1" id="J__swiperEmotion">
									<div class="swiper-container">
										<div class="swiper-wrapper"></div>
										<div class="pagination-emotion"></div>
									</div>
								</div>
								<div class="emotion__cells-footer" id="J__emotionFootTab">
									<ul class="clearfix">
										<li class="swiperTmpl cur" tmpl="swiper__tmpl-emotion01">
											<img src="/qstatic/img/emotion/face01/face-lbl.png" alt="" />
										</li>
										<li class="swiperTmpl" tmpl="swiper__tmpl-emotion02">
											<img src="/qstatic/img/emotion/face02/face-lbl.gif" alt="" />
										</li>
										<li class="swiperTmpl" tmpl="swiper__tmpl-emotion03">
											<img src="/qstatic/img/emotion/face03/face-lbl.gif" alt="" />
										</li>
										<li class="swiperTmpl" tmpl="swiper__tmpl-emotion04">
											<img src="/qstatic/img/emotion/face04/face-lbl.gif" alt="" />
										</li>
										<li class="swiperTmpl" tmpl="swiper__tmpl-emotion05">
											<img src="/qstatic/img/emotion/face05/face-lbl.gif" alt="" />
										</li>
										<li class="swiperTmpl" tmpl="swiper__tmpl-emotion06">
											<img src="/qstatic/img/emotion/face06/face-lbl.gif" alt="" />
										</li>
										<li class="swiperTmplSet">
											<img src="/qstatic/img/wchat/icon__emotion-set.png" alt="" />
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- 选择区域 -->
						<div class="wrap-choose" style="display: none;">
							<div class="choose__cells">
								<ul class="clearfix">
									<li>
										<a class="J__wchatZp" href="javascript:;">
											<span class="img">
												<img src="/qstatic/img/wchat/icon__choose-zp.png" />
												<input type="file" id="idzfilezt" accept="image/*" />
											</span>
											<em>照片</em>
										</a>
									</li>
									<!--<li><a class="J__wchatSp" href="javascript:;"><span class="img"><img src="/qstatic/img/wchat/icon__choose-sp.png" /><input type="file" accept="video/*" /></span><em>视频</em></a></li>
							<!--	<li><a class="J__wchatBp" href="javascript:;"><span class="img"><img src="/qstatic/img/wchat/icon__choose-bp.png" /></span><em>霸屏</em></a></li>-->
							<!--	<li><a class="J__wchatDs" href="javascript:;"><span class="img"><img src="/qstatic/img/wchat/icon__choose-ds.png" /></span><em>打赏</em></a></li>-->
							<!--	<li><a class="J__wchatHb" href="javascript:;"><span class="img"><img src="/qstatic/img/wchat/icon__choose-hb.png" /></span><em>红包</em></a></li>-->
							<!--	<li><a class="J__wchatSc" href="javascript:;"><span class="img"><img src="/qstatic/img/wchat/icon__choose-sc.png" /></span><em>我的收藏</em></a></li>
							<!--	<li><a class="J__wchatWj" href="javascript:;"><span class="img"><img src="/qstatic/img/wchat/icon__choose-wj.png" /></span><em>文件</em></a></li>-->
								</ul>
							</div>
						</div>
					</div>
					<!-- 全员禁言 -->
					<div class="wc__talk-notAllowed wc__borT flexbox" style="display: none;">
						<span class="flex1">全员禁言中，只允许群主和管理员发言</span>
					</div>
				</div>
			</div>
		</div>
		<!-- …… 图片预览弹窗.Start -->
		<div class="wc__popup-imgPreview" style="display: none;">
			<div class="swiper-container J__swiperImgPreview">
				<div class="swiper-wrapper"></div>
				<!-- <div class="swiper-pagination pagination-imgPreview"></div> -->
			</div>
		</div>
		<!-- …… 图片预览弹窗.End -->
		<!-- …… 视频预览弹窗.Start -->
		<div class="wc__popup-videoPreview" style="display: none;">
			<i class="wc__videoClose"></i>
			<video id="J__videoPreview" width="100%" height="100%" controls="controls" x5-video-player-type="h5" x5-video-player-fullscreen="true" webkit-playsinline="" preload="auto"></video>
		</div>
		<script type="text/javascript">
			var video = document.getElementById("J__videoPreview");
					$("#J__chatMsgList li").on("click", ".video", function(){
						video.src = $(this).find("img").attr("videoUrl");
						$(".wc__popup-videoPreview").show();
						if(video.paused){
							video.play();
						}else{
							video.pause();
						}
					});
					video.addEventListener("ended", function(){
						video.currentTime = 0;
					}, false);
					// 关闭预览
					$(".wc__popup-videoPreview").on("click", ".wc__videoClose", function(){
						$(".wc__popup-videoPreview").hide();
						video.currentTime = 0;
						video.pause();
					});
			
					// 进入全屏、退出全屏
					video.addEventListener("x5videoenterfullscreen", function(){
						console.log("进入全屏");
					}, false);
					video.addEventListener("x5videoexitfullscreen", function(){
						$(".wc__popup-videoPreview .wc__videoClose").trigger("click");
					}, false)
		</script>
		<!-- …… 视频预览弹窗.End -->
		<!-- …… 表情模板.Start -->
		<!-- //表情 -->
		<div class="swiper__tmpl-emotion01" style="display: none;">
			<div class="swiper-slide">
				<div class="face-list face__sm-list">
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/1.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/2.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/3.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/4.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/5.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/6.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/7.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/8.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/9.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/10.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/11.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/12.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/13.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/14.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/15.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/16.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/17.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/18.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/19.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/20.png" />
					</span>
					<span>
						<img class="del" src="/qstatic/img/wchat/icon__emotion-del.png" />
					</span>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="face-list face__sm-list">
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/21.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/22.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/23.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/24.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/25.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/26.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/27.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/28.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/29.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/30.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/31.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/32.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/33.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/34.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/35.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/36.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/37.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/38.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/39.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/40.png" />
					</span>
					<span>
						<img class="del" src="/qstatic/img/wchat/icon__emotion-del.png" />
					</span>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="face-list face__sm-list">
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/41.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/42.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/43.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/44.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/45.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/46.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/47.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/48.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/49.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/50.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/51.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/52.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/53.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/54.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/55.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/56.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/57.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/58.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/59.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/60.png" />
					</span>
					<span>
						<img class="del" src="/qstatic/img/wchat/icon__emotion-del.png" />
					</span>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="face-list face__sm-list">
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/61.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/62.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/63.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/64.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/65.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/66.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/67.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/68.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/69.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/70.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/71.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/72.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/73.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/74.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/75.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/76.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/77.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/78.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/79.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/80.png" />
					</span>
					<span>
						<img class="del" src="/qstatic/img/wchat/icon__emotion-del.png" />
					</span>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="face-list face__sm-list">
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/0.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/1.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/2.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/3.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/4.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/5.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/6.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/7.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/8.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/9.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/10.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/11.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/12.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/13.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/14.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/15.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/16.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/17.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/18.png" />
					</span>
					<span>
						<img class="face" src="/qstatic/img/emotion/face01/19.png" />
					</span>
					<span>
						<img class="del" src="/qstatic/img/wchat/icon__emotion-del.png" />
					</span>
				</div>
			</div>
		</div>
		<!-- //动图1 -->
		<div class="swiper__tmpl-emotion02" style="display: none;">
			<div class="swiper-slide">
				<div class="face-list face__lg-list">
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/1.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/2.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/3.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/4.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/5.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/6.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/7.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/8.gif" />
					</span>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="face-list face__lg-list">
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/9.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/10.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/11.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/12.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/13.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/14.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/15.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face02/face-lbl.gif" />
					</span>
				</div>
			</div>
		</div>
		<!-- //动图2 -->
		<div class="swiper__tmpl-emotion03" style="display: none;">
			<div class="swiper-slide">
				<div class="face-list face__lg-list">
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/0.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/1.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/2.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/3.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/4.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/5.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/6.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/7.gif" />
					</span>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="face-list face__lg-list">
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/8.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/9.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/10.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/11.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/12.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/13.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/14.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face03/15.gif" />
					</span>
				</div>
			</div>
		</div>
		<!-- //动图3-->
		<div class="swiper__tmpl-emotion04" style="display: none;">
			<div class="swiper-slide">
				<div class="face-list face__lg-list">
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/0.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/1.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/2.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/3.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/4.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/5.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/6.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/7.gif" />
					</span>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="face-list face__lg-list">
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/8.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/9.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/10.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/11.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/12.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/13.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/14.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face04/15.gif" />
					</span>
				</div>
			</div>
		</div>
		<!-- //动图4 -->
		<div class="swiper__tmpl-emotion05" style="display: none;">
			<div class="swiper-slide">
				<div class="face-list face__lg-list">
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/0.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/1.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/2.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/3.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/4.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/5.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/6.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/7.gif" />
					</span>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="face-list face__lg-list">
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/8.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/9.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/10.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/11.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/12.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/13.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/14.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face05/15.gif" />
					</span>
				</div>
			</div>
		</div>
		<!-- //动图4 -->
		<div class="swiper__tmpl-emotion06" style="display: none;">
			<div class="swiper-slide">
				<div class="face-list face__lg-list">
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/0.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/1.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/2.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/3.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/4.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/5.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/6.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/7.gif" />
					</span>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="face-list face__lg-list">
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/8.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/9.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/10.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/11.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/12.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/13.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/14.gif" />
					</span>
					<span>
						<img class="lg-face" src="/qstatic/img/emotion/face06/15.gif" />
					</span>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			var emotionSwiper;
					function setEmotionSwiper(tmpl){
						var _tmpl = tmpl ? tmpl : $("#J__emotionFootTab ul li.cur").attr("tmpl");
						$("#J__swiperEmotion .swiper-container").attr("id", _tmpl);
						$("#J__swiperEmotion .swiper-wrapper").html($("." + _tmpl).html());
			
						emotionSwiper = new Swiper('#' + _tmpl, {
							pagination: '.pagination-emotion',
							paginationClickable: true
						});
					}
					// 点击切换表情
					$("#J__emotionFootTab").on("click", "ul li.swiperTmpl", function(){
						// 先销毁swiper
						emotionSwiper && emotionSwiper.destroy(true, true);
						var _tmpl = $(this).attr("tmpl");
						$(this).addClass("cur").siblings().removeClass("cur");
			
						setEmotionSwiper(_tmpl);
					});
		</script>
		<!-- …… 表情模板.End -->
		<!-- …… 霸屏、打赏、红包弹窗模板.Start -->
		<div class="wc__choosePanel-tmpl">
			<!-- //霸屏模板.begin -->
			<div id="J__popupTmpl-Baping" style="display:none;">
				<div class="wc__popupTmpl tmpl-baping">
					<i class="wc-xclose"></i>
					<ul class="clearfix">
						<li class="item flexbox wc__arr">
							<input class="ipt-txt align-l flex1" type="text" name="bpTimeline" placeholder="选择霸屏时长" readonly="" />
						</li>
						<li class="item item-upload flexbox">
							<div class="wc__uploader-panel">
								<input class="wc__uploader-input" id="J__uploaderIpt" type="file" accept="image/*" />
								<div class="wc__uploader-tips">
									<i></i>
									<p>添加图片</p>
								</div>
							</div>
						</li>
						<li class="item item-area">
							<textarea class="describe" name="content" placeholder="添加文字"></textarea>
						</li>
					</ul>
				</div>
			</div>
			<!-- //霸屏模板.end -->
			<!-- //打赏模板.begin -->
			<div id="J__popupTmpl-Dashang" style="display:none;">
				<div class="wc__popupTmpl tmpl-dashang">
					<i class="wc-xclose"></i>
					<ul class="clearfix">
						<h2 class="hdTit">为喜欢的节目霸屏打赏</h2>
						<li class="item flexbox wc__arr">
							<input class="ipt-txt align-l flex1" type="text" name="dschooseProgram" placeholder="选择打赏节目" readonly="" />
						</li>
						<li class="item item-area">
							<textarea class="describe" name="content" placeholder="输入打赏语，30字以内（选填）"></textarea>
						</li>
						<li class="item item-gift" id="J__chooseGift">
							<div class="gift flexbox" data-gift="001">
								<label class="txt">
									<span>豪车</span>
									<em class="time">霸屏50秒</em>
								</label>
								<span class="amount">￥<em>12</em>
									<i class="chkbox"></i>
								</span>
							</div>
							<div class="gift flexbox" data-gift="002">
								<label class="txt">
									<span>动人玫瑰</span>
									<em class="time">霸屏20秒</em>
								</label>
								<span class="amount">￥<em>8</em>
									<i class="chkbox"></i>
								</span>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- //打赏模板.end -->
			<!-- //红包模板.begin -->
			<!--<div class="popui__modal-mask" style="z-index:10000"></div>-->
			<!--红包模板-->
			<!-- //红包点击模板 -->
			<!--<div class="popui__modal-mask" style="z-index:10000"></div>-->
			<!--红包点击模板结束-->
			<!--红包抢到-->
			<!--
		<div class="popui__panel-main" style="z-index:10001" id="Hongbao4">
				
							</div>
							<!--红包抢到结束-->
			<script type="text/javascript">
				/* ...红包事件.start 
						$(".J__wchatHb").on("click", function(){
						
						
						});
						*/

				// Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9
				          function OnInput (event) {
				             $("#ssnum").html(event.target.value);
				          }
				      // Internet Explorer
				          function OnPropChanged (event) {
				              if (event.propertyName.toLowerCase () == "value") {
				                alert ("The new content: " + event.srcElement.value);
				             }
				         }
						//-->
			</script>
			
			<script type="text/javascript">
				var 刷新 = true;
				var ljc_name="{:session('name')}";
				var ljc_tx="{:tx(session('uid'))}";
				var ljc_id="{:session('uid')}";
				var ljc_fid="{$groupinfo.id}";
				
					//头像上传
						function uploadPictx(formData) {
				            var oReq = new XMLHttpRequest();
				            oReq.open("POST", "/chat/grouppic?id={:session('uid')}&fid={$groupinfo.id}&zt=0", true);
				            oReq.onload = function (oEvent) {
				                if (oReq.status == 200) {
									//msgWrapper.innerHTML += oReq.response;
									//$('#msgWrapper').scrollTop( $('#msgWrapper')[0].scrollHeight );//滚动条至底部
									//消息回调
									if(oReq.response=="s1"){
										Tmsg('聊天室当前禁言不能发言',3);
										return false;
									}else if(oReq.response=="s2"){
										Tmsg('您已经被踢出此聊天室',3);
										console.log("踢出了");
										window.location.href = '/chat';
										return false;
									}else{
										Tmsg('上传成功',2);
										刷新 = true;
									}
									html=oReq.response;
								console.log(html);
								//	$('#shopimgdata').html(html);
				
									// $('#uptpzt').html(html);
				
				                } else {
									//msgWrapper.innerHTML += '';
									//document.getElementById("msgWrapper").innerHTML=oReq.status;
				
				                }
				            };
				
				            oReq.send(formData);
				        }
				
				
				//用户头像上传
					$("#idzfilezt").change(function(){
					//console.log('头像主图');
				    lrz(this.files[0],{width:800})
				    .then(function (rst) {
				        // 处理成功会执行
						//$('#shopimgdata').html('<img src="/Public/images/dd.gif">');
						//Toast('图片已经提交请耐心等待',5500)
						
				        var img = new Image();
				        img.src = rst.base64;
				        var type;
				        type = 'idzfile2';
						//console.log(img.src);
						uploadPictx(img.src);
				       // up_ajax(rst.base64,type);
				
				    });
				});
				
					$("#photoFile").change(function(){
					//console.log('主图');
				    lrz(this.files[0],{width:800})
				    .then(function (rst) {
				        // 处理成功会执行
						Toast('图片已经提交请耐心等待',5500)
				        var img = new Image();
				        img.src = rst.base64;
				        var type;
				        type = 'idzfile2';
						//console.log(img.src);
						uploadPic(img.src);
				       // up_ajax(rst.base64,type);
				
				    });
				});
				refresh_fuc();
				//群消息
				 function refresh_fuc(){  
					 //return;
					 $.post("/chat/groupmessage",
				    {
				      fid:ljc_fid,//群组ID
					  userid:ljc_id,//用户ID
				      zt:"0"//状态
				    },
				    function(data,status){
						data1=eval(data);
						// console.log(data1);
				      // playVid2();
				        if(data1[data1.length-1].ts<10 && ljc_id != data1[data1.length-1].userid){
				       //   console.log('播放');
							playVid2();
						}
					
						initTable(data);
						if(刷新 == true){
							刷新 = false;
							var load = layer.load(2);
							setTimeout(() => {
								$('.wc__chatMsg-panel').scrollTop($('#J__chatMsgList')[0].scrollHeight);
								layer.close(load);
							}, 500);
							
						}
						//$('#msgWrapper').scrollTop( $('#msgWrapper')[0].scrollHeight );//滚动条至底部
				    });
				 }
				
				 setInterval(refresh_fuc, 5000); //刷新频率   

				//群主权限
				var qz = "{$qz}";
				//处理json
				 function initTable (data) {
						data=eval(data);
						 //console.log(data[0]);
				        var html = '';
				        for (var j in data) {
				            var obj = data[j];
							//是否群主
							if(obj.rank==1){
							obj.name=""+obj.name+"<font color=\"red\">[群主]</font>";
							}
							//console.log(obj.id);
							if(obj.userid==ljc_id){
								if(obj.type=="1") {
									var type="picture";
									}else{
										var type="";
									}
									
							    if(obj.type=="3") {
							        html += obj.content;
							    }else{
				    				html +='<li class="me">\
				    				<div class="content">\
				    								<p class="author"><a href="/chat/fdinfo?id=' + obj.userid + '">' + obj.name + '</a></p>\
				    								<div class="msg ' + type + '" id="picbig">\
				    									' + obj.content + '\
				    								</div>\
				    							</div>\
				    							<a class="avatar"><img src="' + obj.tx + '" /></a>\
				    						</li>';
							    }
							}else{
								if(obj.type=="1") {
									var type="picture";
								}else{
									var type="";
								}
								if(qz==1 && obj.type != "4"){
									htmlqz=' <font color="red"><a onclick="userjl('+obj.userid+');">删除记录</a> <a onclick="usertc('+obj.userid+');">踢出</a></font>';
								}else{
									htmlqz='';
								}
								 if(obj.type=="3") {
								     html += obj.content;
								 }else if(obj.type=="4"){
								     html +='<li class="others">\
				    							<a class="avatar"><img src="/qstatic/img/kftx.jpg" /></a>\
				    							<div class="content">\
				    								<p class="author"><a><span class="slt" style="color: #09bb07;font-weight: 900;">群聊管家</span></a>' + htmlqz + '</p>\
				    								<div class="msg ' + type + '" id="picbig">\
				    									' + obj.content + '\
				    								</div>\
				    							</div>\
				    						</li>';
								 }else{
				    				html +='<li class="others">\
				    							<a class="avatar"><img src="' + obj.tx + '" /></a>\
				    							<div class="content">\
				    								<p class="author"><a href="/chat/fdinfo?id=' + obj.userid + '"><span class="slt">' + obj.name + '</span></a>' + htmlqz + '</p>\
				    								<div class="msg ' + type + '" id="picbig">\
				    									' + obj.content + '\
				    								</div>\
				    							</div>\
				    						</li>';
								 }
							}
				        }
						//console.log(html);
				        $('#J__chatMsgList').html(html);
						
				    	
				
				    }
				//禁言和删除记录
				function usertc(id){
					if (!confirm('确定将该用户踢出群组吗？')) return false;
					console.log(id);
					 $.post("/chat/grouplogout",
				    {
				      id:id,
					  fid:ljc_fid,
				    },
				    function(data,status){
						if(data==1){
							Tmsg('已将该用户踢出群组,用户将无法发言及进入本群组',3);
						}
						//document.getElementById("user").innerHTML=data;
				    });
				}
				function userjl(id){
					if (!confirm('确定删除该用户所有聊天记录吗?')) return false;
				
					console.log(id);
					 $.post("/chat/groupuserxx",
				    {
				      id:id,//postQQ号码
					  fid:ljc_fid,
				    },
				    function(data,status){
						if(data==1){
							Tmsg('已删除该用户所有聊天记录',1);
						}
						//document.getElementById("user").innerHTML=data;
				    });
				}
				
				function Tmsg(msg,time){
					 wcPop({
				      anim: 'fadeIn',
				      content: msg,
				      shade: true,
				      shadeClose: false,
				      time: time
				    });
				
						
				}
				
				//-->
			</script>
			<script type="text/javascript">
				//$(function(){
				//   var music = $.cookie('laba');
				//   if(music==0){
				//    $('#laba').attr('class','laba2'); 
				//    mutePage()
				//  }
				//});
			</script>
			<script type="text/javascript">
				var curIndex = 0, imgPreviewSwiper;
						$("#J__chatMsgList li").on("click", "#picbig", function(){
							var html = "",  _src = $(this).find("img").attr("src");
				
							$("#J__chatMsgList li .picture").each(function(i, item){
								html += '<div class="swiper-slide"><div class="swiper-zoom-container">'+ $(this).html() +'</div></div>';
								if($(this).find("img").attr("src") == _src){
									curIndex = i;
								}
							});
							$(".J__swiperImgPreview .swiper-wrapper").html(html);
							$(".wc__popup-imgPreview").show();
				
							imgPreviewSwiper = new Swiper('.J__swiperImgPreview',{
								pagination: false,
								paginationClickable: true,
								zoom: true,
								observer: true,
								observeParents: true,
								initialSlide: curIndex
							});
						});
						// 关闭预览
						$(".wc__popup-imgPreview").on("click", function(e){
							var that = $(this);
							imgPreviewSwiper.destroy(true, true);
							$(".J__swiperImgPreview .swiper-wrapper").html('');
							that.hide();
						});
				  
				  
				   function laba(){
				   var laba = $('#laba').attr('class'); 
				    if(laba =='laba'){
				       $('#laba').attr('class','laba2'); 
				       $.cookie('laba', '0', { expires: 7 });
				       mutePage()
				    }else{
				      $('#laba').attr('class','laba'); 
				      $.cookie('laba', '1', { expires: 7 });
				      mutePageno()
				    }
				  }
				   
				 
				// Mute a singular HTML5 element
				function muteMe(elem) {
				    elem.muted = true;
				    elem.pause();
				}
				
				// Try to mute all video and audio elements on the page
				function mutePage() {
				    var videos = document.querySelectorAll("video"),
				        audios = document.querySelectorAll("audio");
				
				    [].forEach.call(videos, function(video) { muteMe(video); });
				    [].forEach.call(audios, function(audio) { muteMe(audio); });
				}
				  
				  // Mute a singular HTML5 element
				function muteMeno(elem) {
				    elem.muted = false;
				    elem.pause();
				}
				
				// Try to mute all video and audio elements on the page
				function mutePageno() {
				    var videos = document.querySelectorAll("video"),
				        audios = document.querySelectorAll("audio");
				
				    [].forEach.call(videos, function(video) { muteMeno(video); });
				    [].forEach.call(audios, function(audio) { muteMeno(audio); });
				}
			</script>
			<audio src="/strong_notification.mp3" id="Jaudio" class="media-audio" style="display:none;" crossorigin="Anonymous"></audio>
			<script type="text/javascript">
				function audioAutoPlay(id){
					var audio = document.getElementById(id),
						play = function(){
							audio.play();
					document.removeEventListener("touchstart",play, false);
						};
					audio.play();
				    document.addEventListener("WeixinJSBridgeReady", function () {
				        play();
				    }, false);
				    document.addEventListener('YixinJSBridgeReady', function() {
				    	play();
				    }, false);
				    document.addEventListener("touchstart",play, false);
				  
				  
				}
				                   function playVid2() {
									   audioAutoPlay('Jaudio');
				
				                   }
			</script>
			<script type="text/javascript">
				<!--
						document.onkeydown=function(event){
				            var e = event || window.event || arguments.callee.caller.arguments[0];
				      //keyCode==13 shiftKey==1 37方向箭头
				             if(e && e.keyCode==13){ // enter 键
								var editor = $(".J__wcEditor").html();
								console.log(editor.length);
								if(editor.length == 11) return;
				//|&
								var html = editor;
								console.log(html);
								var reg =/(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|\&|-|\;|\:)+)/g;
								//var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|-)+)/g;
								html = html.replace(reg, "<a href='$1$2'>$1$2</a>");
								console.log(html);
								//记录消息
								$.post("/chat/group", { id: ljc_id, content: html,fid:ljc_fid },
								function(data){
								    console.log(data);
									//消息回调
									if(data=="s1"){
										Tmsg('聊天室当前禁言不能发言',3);
										return false;
									}else if(data=="s2"){
										Tmsg('您已经被踢出此聊天室',3);
										console.log("踢出了");
										
										window.location.href = '/chat';
										return false;
									}else if(data=="s9"){
									    Tmsg('您发言过于频繁了',3);
										return false;
									}
									});
								var msgTpl = [
									'<li class="me">\
										<div class="content">\
											<p class="author">'+ ljc_name +'</p>\
											<div class="msg">'+ html +'</div>\
										</div>\
										<a class="avatar" href="/chat/fdinfo"><img src="'+ ljc_tx +'" /></a>\
									</li>'
								].join("");
								$("#J__chatMsgList").append(msgTpl);
								//$(".editor").html("").focus().trigger("click");
								// 清空聊天框并获取焦点（处理输入法和表情 - 聚焦）
							
								if(!$(".wc__choose-panel").is(":hidden")){
									$(".J__wcEditor").html("<p><br></p>");
								}else{
									//$(".J__wcEditor").html("<p</p>");
									$(".J__wcEditor").html("<p><br></p>").focus().trigger("click");
								}
								
								$(".wc__chatMsg-panel").animate({scrollTop: $("#J__chatMsgList").height()}, 0);
								//End
							 }
				};
$(window).on('load', function() {
    $('.wc__chatMsg-panel').scrollTop($('#J__chatMsgList')[0].scrollHeight);
});
			</script>
			<!--网站WEB 小程序 android APP定制开发qq:448828854-->
			<script src="/qstatic/js/groupchat.js?20191023"></script>
			<script src="/qstatic/js/lrz/lrz.all.bundle.js" type="text/javascript"></script>
		</div>
	</body>
</html>